<template>
  <el-col :span="24" :xs="24">
    <el-card style="position: relative">
      <el-tabs v-model="activeTab">
        <el-tab-pane :closable="false" :key="item.name" v-for="(item) in options" :label="item.name">
          <el-table>

          </el-table>
        </el-tab-pane>
<!--        <el-tab-pane name="more" class="more-btn">-->
<!--          <span slot="label">-->
<!--            <router-link to="/page/wholeList/wholeList">更多+</router-link>-->
<!--          </span>-->
<!--        </el-tab-pane>-->
      </el-tabs>

      <div class="more-btn">
        <a @click="showAll">查看全部</a>
      </div>
    </el-card>
  </el-col>
</template>

<script>
import resize from './mixins/resize'

export default {
  mixins: [resize],
  props: {
    chartData: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      chart: null,
      activeTab: "发现",
      options: [
        {
          name: '发现',
          type: 1
        },
        {
          name: '沟通',
          type: 2
        },
        {
          name: '评估',
          type: 3
        },
        {
          name: '通过',
          type: 4
        },
        {
          name: '签约',
          type: 5
        }
      ]
    }
  },
  watch: {
  },
  computed: {
  },
  mounted() {
  },
  beforeDestroy() {
  },
  methods: {
    // tab 切换时, 动态的切换路由
    tabClick(tab) {
      console.log(tab)
    },
    showAll() {
      console.log('showall')
    }
  }
}
</script>

<style lang="scss" scoped>
  @media (max-width:480px) {
     ::v-deep .el-tabs__item {
      padding: 0 5px;
    }
  }
</style>
